<!DOCTYPE html>
<html>
<head>
	<!-- 自己定制 -->
	<meta charset="utf-8">
	<title></title>
	<!-- <link rel="stylesheet" type="text/css" href="../css/reset.css"> -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<style>
		.btn {
			width: 80px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			border-radius: 4px;
			background-color: #ccc;
			color: #fff;
			margin:30px 30px;
		}
		.btn-1 {
			width: 80px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			border-radius: 4px;
			background-color: #ccc;
			color: #fff;
			margin:0px 30px;
			border: 0;
		}
	</style>
</head>
<body>
    
    
    Charge:<%= params[:charge] %> 
    <p></p>
    Perpage:<%= params[:per_page]%>  
    <p></p>
    Page:<%= params[:page]%>  
    <p></p>
    Charge:<%= @charge%>  

	<div class="btn">按钮1</div>
	<input type="submit" class="btn-1" value="按钮2" id="pay">
	
	<script type="text/javascript" src="/assets/pingpp.js"></script>

	
	<button type="button" onclick="createPingppWeixinPubPayment()">ping 支付宝pc端即时到帐 支付</button>

	<!-- pingpp.createPayment(charge, function(result, err){
    console.log(result);
    console.log(err.msg);
    console.log(err.extra);
    if (result == "success") {
        // 只有微信公众账号 wx_pub 支付成功的结果会在这里返回，其他的支付结果都会跳转到 extra 中对应的 URL。
    } else if (result == "fail") {
        // charge 不正确或者微信公众账号支付失败时会在此处返回
    } else if (result == "cancel") {
        // 微信公众账号支付取消支付
    } -->

    <input type="hidden" id="charge_js" value="<%= @charge %>"/>


    <script>

    function test(){
    	alert("OK");
    	var charge_js = $("#charge_js").val();
    	console.log(charge_js);
    }

    </script>

    <script>
    function createPingppWeixinPubPayment(){

    	var charge_js = $("#charge_js").val();

        pingpp.createPayment(charge_js, function(result, err){
        	
		    if (result == "success") {
		        // 只有微信公众账号 wx_pub 支付成功的结果会在这里返回，其他的支付结果都会跳转到 extra 中对应的 URL。
		        console.log("支付宝pc完成支付");
		        alert("支付宝pc完成支付");
		    } else if (result == "fail") {
		        // charge 不正确或者微信公众账号支付失败时会在此处返回
		    } else if (result == "cancel") {
		        // 微信公众账号支付取消支付
		    }
		});
    }
    </script>
</body>
</html>

